<!DOCTYPE html>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<head>

	<meta charset="utf-8">
	<title>{$meta_title}</title>
	<meta name="keywords" content="{$meta_keywords}" />
	<meta name="description" content="{$meta_description}" />
	<!-- <meta name="author" content="dayrui@qq.com" > -->
	<meta name="Copyright" content="unpor v{CMS_VERSION}" >
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="{SITE_THEME}css/style.css" media="screen"/><!-- MAIN STYLE CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/css.css" media="screen"/><!-- MAIN STYLE CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/responsive.css" media="screen"/><!-- RESPONSIVE CSS FILE -->
	<link rel="stylesheet" id="style-color" href="{SITE_THEME}css/colors/blue-color.css" media="screen"/><!-- DEFAULT BLUE COLOR CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/prettyPhoto.css" media="screen"/><!--PRETTYPHOTO CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/font-awesome/font-awesome.min.css" media="screen"/><!-- FONT AWESOME ICONS CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/layer-slider.css" media="screen"/><!-- LAYER SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/flexslider.css" media="screen"/><!-- FLEX SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/revolution-slider.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/unpor_goucheliucheng.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/unpor_detail.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<!-- All JavaScript Files (FOR FASTER LOADING OF YOUR SITE, REMOVE ALL JS PLUGINS YOU WILL NOT USE)-->

	<script type="text/javascript">var homepath = '{SITE_THEME}';var sitepath = '{SITE_PATH}{ENTRY_SCRIPT_NAME}';</script>
	<script type="text/javascript" src="{SITE_THEME}js/jquery.min.js"></script><!-- JQUERY JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery-ui.js"></script><!-- JQUERY JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/flex-slider.min.js"></script><!-- FLEX SLIDER JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/navigation.min.js"></script><!-- MAIN NAVIGATION JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.layerslider.js"></script><!-- LAYER SLIDER JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/layerslider.transitions.js"></script><!-- LAYER SLIDER TRANSITIONS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/carousel.js"></script><!-- CAROUSEL SLIDER JS -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.theme.plugins.min.js"></script><!-- REVOLUTION SLIDER PLUGINS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.themepunch.revolution.min.js"></script><!-- REVOLUTION SLIDER JS FILE -->

	<script type="text/javascript" src="{SITE_THEME}js/instagram.js"></script><!-- INSTAGRAM WIDGET JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/prettyPhoto.min.js"></script><!-- PRETTYPHOTO JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.tooltips.min.js"></script><!-- TOOLTIPS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/isotope.min.js"></script><!--ISOTOPE JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/scrolltopcontrol.js"></script><!-- SCROLL TO TOP JS PLUGIN -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.transit.min.js"></script><!-- TRANSITION JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/cookie.js"></script><!-- CUSTOM JAVASCRIPT JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/custom2.js"></script><!-- CUSTOM JAVASCRIPT JS FILE -->
	
</head>
<body>
<div id="container">
	<!-- main container starts-->
	<div id="wrapp">
		<!-- main wrapp starts-->
		<header id="header">
			<!--header starts -->
			<div id="header-links" style="height: 30px;padding:0;line-height: 30px;border: 1px solid #e6e9ee;background-color: #F5F5F5;margin-bottom: 1px;">
				<div class="container" style="height: 30px;">
					<div class="one-half">
						欢迎来到北京汽车！
					</div>
					<div class="one-half" style="text-align: right;float: right">
						<script type="text/javascript" src="{url('api/user')}"></script>
						<a href="{url('tag')}">关键词</a> &nbsp;&nbsp;&nbsp;
						<a href="{url('content/post')}">我要投稿</a>
					</div>
				</div>
			</div>
			<div class="logo_w">
				<div class="float-left"><a href="{SITE_URL}"><img src="{SITE_THEME}images/logo.png" alt="youpo"/></a></div>
				<div class="phone400 float-left">{block(1)}</div>
				<div class="float-right search" style="border:none;">
					<form action="{SITE_URL}index.php" method="get">
						<input type="hidden" name="c" value="content">
						<input type="hidden" name="a" value="search">
						<button class="search-btn"></button>
						<input name="kw" style="width:300px;height: 20px;" class="search-field" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search"/>
					</form>
				</div>
			</div>
			<style>
			</style>
			{php $whi = 0;}
			<div id="main-navigation" style="height: 42px;background-color: #414555">
				<!--main navigation wrapper starts -->
				<div class="container" style="height: 40px;">
					<ul class="main-menu" style="padding: 0;height: 40px;" id="wwewwe">

						<li style="height: 40px;"><a style="height: 11px;line-height: 10px" href="{SITE_PATH}" {if $indexc==1}id="current"{/if}>首页</a> </li>
						{loop $cats $t}
						{if $t['parentid']==0 && $t['ismenu']}
						{php $arrchilds = @explode(',', $t['arrchilds']);}
						<li>
							<a style="height: 11px;line-height: 10px" href="{$t['url']}" {if isset($catid) && in_array($catid, $arrchilds)}id="current"{/if}>{$t['catname']}</a>
							{if $t['child']}
							<ul style="position: fixed;width:100%;height:300px;text-align: center;" class="unpor_ul_li">
							<div style="width:1000px;height:auto;margin:0 auto;text-align: center">
								{loop $cats $tt}
								{if $tt['parentid']==$t['catid'] && $tt['ismenu']}
								{php $arrchilds = @explode(',', $tt['arrchilds']);}
								<!--带图片的和不带图片的分开设置-->
								{if $tt['image']}

								<li class="yes" style="float: left;height:150px;width:200px;margin-left: 20px;margin-top: 20px;opacity: 1"><a style="padding: 0;margin: 0;opacity: 1" href="{$tt['url']}"><img style="opacity: 1;z-index: 999" src="{$tt['image']}"></a>
								{/if}
								{if !$tt['image'] && $tt['parentid']!=6}

								<li class="yes" style="float: left;background-color:#414555;height:100px;width:100px;text-align:center;color:#fff;margin-left: 20px;margin-top: 20px;opacity: 1"><a style="padding: 0;margin: 0;line-height:100px;opacity: 1;color:#fff" href="{$tt['url']}">{$tt['catname']}</a>
								{/if}

								{if !$tt['image'] && $tt['parentid']==6}
				
								<li class="no" style="color:white;z-index: 999;text-align:left;width:180px;margin-top: 5px;">
								<a class="unpor_li_red" style="padding: 0;margin: 0;width:180px;color:white;text-align:center;height:25px;line-height: 25px;" href="{$tt['url']}">{$tt['catname']}</a>
								<!--<li class="no" style="color:white;z-index: 999;text-align:left;margin-top: 5px;margin-left: 20%"><a class="unpor_li_red" style="padding: 0;margin: 0;width:150px;color:white;text-align:center;height:25px;line-height: 25px;" href="{$tt['url']}">{$tt['catname']}</a>-->
								{if $whi==0}
								<div style="float: left;height:280px;width:1px;background-color: white;position: relative;top:-25px;left:180px"></div>
								{/if}
								{php $whi++;}

								{/if}
								<!--======end======-->
									<!--三级分类处==add=====================================================================================-->
									{if $tt['child']}

									<ul style="width:800px;background-color: transparent;position: absolute;z-index: 999" class="unpor_test_css" id="{$whi}">
										{loop $cats $ttt}
										{if $ttt['parentid']==$tt['catid'] && $ttt['ismenu']}
										{php $arrchilds = @explode(',', $ttt['arrchilds']);}
										<li class="unpor_three_title" style="float: left;background-color: #414555;width:220px;height:50px;margin-left:20px;margin-bottom:20px;text-align: center;"><a style="" id="wwe" href="{$ttt['url']}">{$ttt['catname']}</a></li>
										{/if}
										{/loop}
									</ul>
									{/if}
									<!--三级分类结束==add=====================================================================================-->
								</li>

								{/if}
								{/loop}
								</div>
							</ul>
							{/if}
						</li>
						{/if}
						{/loop}
					</ul>
					<!-- main navigation ends-->
					<!--<div class="after-nav-info">-->
						<!--<h4>技术支持: 悠珀</h4>-->
					<!--</div>-->
				</div>
			</div>
			<!--main navigation wrapper ends -->

		</header>
		<style>
			.po_right{
				position: relative;
				width:0px;
				height:550px;
				float: left;
				background-color: #F1F1F1;
				text-align: center;
				z-index: 9999;
			}
			.po_button{
				position: relative;
				width:50px;
				float: left;
				height:50px;
				top:150px;
				z-index: 9999;
				border-top-left-radius: 20%;
				border-bottom-left-radius: 20%;
			}
			.po{
				position: fixed;
				height:550px;
				/*background-color: blue;*/
				right:0px;
				top:20%;
				z-index: 9999;
			}
		
		</style>
		<div class="po">
			<div class="po_button"><img src="{SITE_THEME}unpor/qq.png"></div>
			<div class="po_right">
				<br/>
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={block(2)}&site=qq&menu=yes"><img border="0" width="100" src="{SITE_THEME}unpor/qq_zixun.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
				<br/>
				<br/>
				<p>微信官方公众号</p>
				<img src="{SITE_THEME}unpor/weixin.png" width="150" />
				<br/>
				<br/>
				<p>新浪官方微博</p>
				<img src="{SITE_THEME}unpor/xinlang.png" width="150" />
			</div>
		</div>
		<!-- header ends-->
		<!--layer slider ends-->
		<script type="text/javascript" src="{SITE_THEME}js/jquery.min.js"></script>
		<script>
		//$('.no a').mouseover(function(){
		//	alert($(this).css('color'));
		//	$(this).css('color','#fff');
		//})
		$(window).scroll(function(){
			var top=$(window).scrollTop();
			$('.unpor_ul_li').css('top',-(top-135)+'px');
		})
		
			$('.po_button').click(function(){
				var w = $('.po_right').css('width');
				if(w=='0px'){
					$('.po_right').animate({
						width:'200px',
						height:'550px'
					})
				}else{
					$('.po_right').animate({
						width:'0px',
						height:'550px'
					})
				}
			})
						
						$('.no').eq(0).css('margin-top','10px');
						$('.unpor_test_css').each(function(){
							var mar = $(this).children().length;
							if(mar <= 3){
								$(this).children().eq(mar-1).css('margin-bottom','240px');
							}
							if(mar > 3 && mar <= 6){
								$(this).children().eq(mar-1).css('margin-bottom','170px');
							}
							if(mar > 6 && mar <= 9){
								$(this).children().eq(mar-1).css('margin-bottom','100px');
							}
							if(mar > 9){
								$(this).children().eq(mar-1).css('margin-bottom','30px');
							}
							var a = this;
							var num = a.id-1;
							var n = -(num*30);
							$(this).css('top',n+'px');
						});

//						$('.unpor_test_css li:last-child').
//						$('.no').mouseout(function(){
//							var a = $(this).index();
//							$('.unpor_test_css').eq(a).css('display','block').siblings().css('display','none');
//						})
//						$('.unpor_three_title').eq(0).css('margin-left','150px');
//		$('.one-half').click(function(){alert(12);});
	</script>